<!DOCTYPE html>
<!--以下是一个示例的JavaScript代码，用于创建一个支持MySQL和MongoDB连接配置的可输入页面：-->
<html>
<head>
    <title>数据库连接配置</title>
</head>
<body>
<h1>MySQL 连接配置</h1>
<label for="mysql-url">连接URL：</label>
<input type="text" id="mysql-url"><br>

<h1>MongoDB 连接配置</h1>
<label for="mongodb-url">连接URL：</label>
<input type="text" id="mongodb-url"><br>

<button id="connect-button">连接</button>

<script>
    const connectButton = document.getElementById('connect-button');

    connectButton.addEventListener('click', () => {
      const mysqlUrl = document.getElementById('mysql-url').value;
      const mongodbUrl = document.getElementById('mongodb-url').value;

      // 在这里执行连接和处理逻辑
      // 您可以使用获取到的连接URL来连接MySQL和MongoDB数据库
      // 例如，可以使用Ajax请求将连接URL发送到服务器端进行连接和验证

      // 示例：将连接URL打印到控制台
      console.log('MySQL 连接URL：', mysqlUrl);
      console.log('MongoDB 连接URL：', mongodbUrl);
    });
</script>
</body>
</html>